<template>
  <div id="app">
    <van-tabs v-model="active">
      <van-tab title="Perjanjian Pinjaman">
        <div id="body">
          <div class="top">
            <!-- <button @click="getData">111</button> -->
            <h2 class="title">Perjanjian Pinjaman</h2>
            <h4>Perjanjian No.:</h4>
            <h4 class="underline">{{agreementNo}}</h4>
            <h4>Pihak A (Peminjam):</h4>
            <h4 class="underline">{{userName}}</h4>
            <h4>No. Identitas:</h4>
            <h4 class="underline">{{idCardNo}}</h4>
            <h4>Pihak B (Pemberi Pinjaman):</h4>
            <h4 class="underline">XIONG ZHUANG</h4>
            <h4>No. Identitas:</h4>
            <h4 class="underline">3276011712800005</h4>
          </div>
          <div class="middle">
            <!-- Bahwa: -->
            <div class="duan">
              <h4 class="duantitle">Bahwa:</h4>
              <div
                class="neirong"
              >1. Pihak A adalah orang perseorangan yang tinggal di Indonesia dan memiliki kapasitas penuh untuk melakukan perilaku sipil yang ditentukan oleh hukum Indonesia.</div>
              <div
                class="neirong"
              >2. Pihak B adalah pihak yang memiliki kapasitas penuh untuk melakukan perilaku sipil yang ditentukan oleh hukum Indonesia.</div>
              <div
                class="neirong"
              >Menurut peraturan dan undang undang yang berlaku di Indonesia, untuk menentukan hak dan kewajibannya, Pihak A dan Pihak B menandatangani Perjanjian sehubungan dengan pinjaman yang dipinjam oleh Pihak A dari Pihak B dalam rangka menerapkan kerjasama dan implementasi.</div>
            </div>
            <!-- Pasal 1 -->
            <div class="duan">
              <h4 class="duantitle">Pasal 1 Informasi dasar mengenai pinjaman</h4>
              <div
                class="neirong"
              >1. Jumlah pinjaman: {{loanAmount}} Rupiah; Jumlah yang diterima {{lendingAmount}} Rupiah</div>
              <div
                class="neirong"
              >2. Biaya pinjaman: Ini akan dihitung sesuai dengan tingkat bunga harian sebesar {{dayInterestRate}};</div>
              <div
                class="neirong"
              >3. Jangka waktu pinjaman: Dari awal hingga {{startTime}}, totalnya {{productPeriod}} hari. Hari terakhir masa pinjaman adalah tanggal jatuh tempopinjaman ("tanggal jatuh tempo"). Jika tanggal transfer pinjaman yang sebenarnya tidak konsisten dengan jangka waktu pinjaman yang ditentukan dalam Perjanjian, tanggal mulai pinjaman adalah tanggal di mana pinjaman benar-benar ditransfer ke bank Pihak A.</div>
              <div
                class="neirong"
              >4. Metode pelepasan pinjaman. Sementara Perjanjian berlaku, Pihak B mentransfer pinjaman ke akun Pihak A atau rekening penerima bank yang dipercayakan oleh Pihak A (nama akun Pihak A: {{userName}}, bank setoran: {{bankName}}, rekening bank No.: {{bankAccount}}). Setelah transfer, jumlah itu akan dianggap sebagai jumlah pinjaman yang berhasil dilepaskan.</div>
              <div
                class="neirong"
              >5. Tujuan pinjaman berdasarkan Perjanjian ini adalah konsumsi pribadi.</div>
            </div>
            <!-- Pasal 2 -->
            <div class="duan">
              <h4 class="duantitle">Pasal 2 Pembayaran Kembali</h4>
              <div
                class="neirong"
              >1. Pokok dan bunga pinjaman dikembalikan sesuai dengan metode pertama sebagai berikut:</div>
              <div
                class="neirong"
              >(1) Pokok dan bunga harus dibayar kembali dalam jumlah sekaligus, dihitung setiap hari. Tanggal pembayaran kembali adalah tanggal jatuh tempo.</div>
              <div class="neirong">(2) Lainnya:</div>
              <div
                class="neirong"
              >2. Pihak A akan menyetorkan pokok dan bunga dalam jumlah penuh ke akun Pihak B atau akun pembayaran yang ditetapkan oleh Pihak B sebelum jam 11:59 malam tanggal pembayaran kembali yang disepakati dalam Perjanjian.</div>
              <div
                class="neirong"
              >3. Ketika Pihak B atau rekening bank yang ditunjuk oleh Pihak B menerima jumlah pokok dan bunga penuh, jumlah itu akan dianggap sebagai Pihak A yang berhasil membayar kembali pinjaman.</div>
              <div class="neirong"></div>
              <div class="neirong"></div>
            </div>
            <!-- Pasal 3 -->
            <div class="duan">
              <h4 class="duantitle">Pasal 3 Kedaluwarsa sebelum tanggal yang ditentukan</h4>
              <div
                class="neirong"
              >Setelah konfirmasi dari Pihak A dan Pihak B, dalam kasus salah satu keadaan berikut, Pihak B memiliki hak untuk membuat pinjaman habis masa berlakunya terlebih dahulu atau mengharuskan Pihak A untuk membayar semua pokok dan bunga dan biaya yang terkait dengan semua pinjaman di muka.</div>
              <div
                class="neirong"
              >1. Pihak A gagal menggunakan dana sesuai dengan tujuan yang disepakati;</div>
              <div
                class="neirong"
              >2. Pihak A gagal memberikan informasi yang diperlukan secara tepat kepada Pihak B atau informasi yang diberikan oleh Pihak B tidak benar atau Pihak A menyembunyikan barang-barang utama yang membahayakan keamanan pinjaman Pihak B;</div>
              <div
                class="neirong"
              >3. Pihak A berada dalam kapasitas terbatas untuk melakukan perilaku sipil atau kehilangan kapasitas untuk melakukan perilaku sipil atau dipenjara karena pengangguran, pemutusan hubungan bisnis dan dinyatakan hilang, atau Pihak A memiliki penyakit serius, kecelakaan besar dan kejadian lain yang dapat mempengaruhi kinerja pembayaran tanggung jawabnya kepada Pihak B;</div>
              <div
                class="neirong"
              >4. Pihak A tidak dapat melunasi kewajiban pembayarannya kepada Pihak B karena berakhirnya pinjaman, jaminan, kompensasi, atau tanggung jawab pembayaran lainnya;</div>
              <div
                class="neirong"
              >5. Pihak A menyatakan secara jelas atau dengan perilakunya bahwa ia tidak akan melakukan kewajiban apa pun berdasarkan Kontrak;</div>
              <div
                class="neirong"
              >6. Pihak A terlibat dalam litigasi tentang perselisihan ekonomi karena alasan apa pun;</div>
              <div
                class="neirong"
              >7. Pihak A melanggar representasi dan jaminan yang dibuat untuk Pihak B atau melanggar kewajiban apa pun berdasarkan Kontrak, dan Pihak B yakin bahwa perilaku di atas membahayakan keamanan pinjaman;</div>
              <div
                class="neirong"
              >8. Ada penyesuaian besar dari kebijakan nasional yang relevan atau terjadinya keadaan kahar (force majeure).</div>
              <div class="neirong"></div>
              <div class="neirong"></div>
              <div class="neirong"></div>
            </div>
            <!-- Pasal 4 -->
            <div class="duan">
              <h4 class="duantitle">Pasal 4 Keterlambatan</h4>
              <div
                class="neirong"
              >1. Jika Pihak A gagal membayar kembali pokok dan bunga sesuai dengan waktu yang disepakati dalam Pasal 2 dari Perjanjian ini, atau Pihak A gagal untuk melakukan atau kendur dalam melakukan kewajiban pembayaran kembali setelah Pihak B menyatakan bahwa pinjaman berakhir sebelum waktunya sesuai dengan Pasal 3 Perjanjian ini, itu akan dianggap sebagai terlambat. Pihak A harus membayar kembali jumlah yang belum dibayar dalam jumlah pokok dan bunga, dan membayar bunga keterlambatan sesuai dengan {{overdueInterestRate}} dari pokok pinjaman/hari dari tanggal keterlambatan ke tanggal pembayaran yang sebenarnya, tetapi bunga default tidak boleh melebihi 100% dari pokok pinjaman.</div>
              <div
                class="neirong"
              >2. Pihak A akan menanggung biaya yang dikeluarkan kepada Pihak B atau pihak ketiga yang menerima hak kreditur Pihak B untuk mencapai hak kreditur karena pembayaran yang terlambat dari Pihak A, termasuk tetapi tidak terbatas pada biaya penagihan, biaya penyimpanan, biaya hukum, biaya eksekusi, biaya penilaian, biaya pengacara, biaya notaris, biaya perjalanan, dll.</div>
              <div class="neirong"></div>
              <div class="neirong"></div>
            </div>
            <!-- Pasal 5  -->
            <div class="duan">
              <h4 class="duantitle">Pasal 5 Hak dan kewajiban Pihak A</h4>
              <div
                class="neirong"
              >1. Pihak A setuju untuk mengikuti syarat dan ketentuan yang diberikan oleh Pihak B (Pemilik App) dalam proses peminjaman melalui aplikasi ini, dan tidak akan menolak untuk melakukan kewajiban berdasarkan Perjanjian. Setelah mengajukan permohonan kredit melalui aplikasi ini, Pihak A tidak akan menolak hubungan debitur-kreditur berdasarkan kesepakatan kredit yang diajukan melalui aplikasi ini dan para pihak tidak dapat membatalkan perjanjian ini secara sepihak dengan alasan apapun.</div>
              <div
                class="neirong"
              >2. Pihak A harus mengembalikan pokok dan bunga kepada Pihak B secara teratur dan membayar biaya yang terkait dengan pembayaran yang terlambat dan pembayaran di muka.</div>
              <div
                class="neirong"
              >3. Pihak A berjanji untuk menyatakan tujuan pinjaman yang sebenarnya kepada Pihak B dalam proses pinjaman, dan tidak akan menggunakan pinjaman dalam tujuan ilegal apa pun.</div>
              <div
                class="neirong"
              >4. Jika hubungan debitur-kreditur antara Pihak A dan Pihak B dibatalkan atau dicabut secara paksa atau tidak sah setelah penetapan karena kebijakan, undang-undang dan pengawasan pemerintah, Pihak A akan mengembalikan pokok dan bunga pinjaman ke rekening penerima Pihak B yang ditentukan dalam Perjanjian dalam satu hari kerja setelah kejadian.</div>
              <div
                class="neirong"
              >5. Pihak A tidak akan mentransfer hak dan kewajiban apa pun berdasarkan Perjanjian kepada pihak lain tanpa persetujuan dari Pihak B.</div>
              <div
                class="neirong"
              >6. Untuk meninjau keaslian, validitas dan keefektifan informasi yang diberikan oleh Pihak A dan kapasitas dan kredit yang relevan untuk Pihak A untuk melaksanakan Perjanjian, Pihak A harus memberikan lisensi, voucher, sertifikat dan data lain yang relevan sesuai dengan persyaratan Pihak B, untuk membuat Pihak B memahami peringkat kredit, kemampuan membayar kembali, tujuan pinjaman, menggunakan situasi pinjaman dan informasi relevan lainnya.</div>
              <div
                class="neirong"
              >7. Pihak A harus menjamin keaslian, akurasi, validitas dan keefektifan informasi dan data yang disediakan olehnya, dan tidak akan memberikan informasi palsu atau menyembunyikan fakta-fakta penting. Jika tidak, Pihak A akan menanggung semua konsekuensi negatif.</div>
              <div
                class="neirong"
              >8. Jika Pihak A terlambat sesuai dengan Pasal 4 dari Perjanjian, jumlah yang dibayarkan oleh Pihak A harus digunakan untuk melunasi utang sesuai dengan urutan berikut: (1) Biaya untuk mencapai hak kreditur (2) ganti rugi yang dilikuidasi (3) Kerusakan kompensasi (4) jatuh tempo bunga default (5) biaya layanan (6) kepentingan (7) pokok. Pihak B memiliki hak untuk mengubah urutan penyelesaian di atas.</div>
              <div
                class="neirong"
              >9. Apabila pihak A meninggal dunia maka pihak A sepakat untuk memberikan kewenangan kepada pihak B dan/atau pihak yang ditunjuk oleh Pihak B untuk menagih/ meminta pembayaran terhadap utangnya tersebut kepada ahli waris pihak A</div>
              <div
                class="neirong"
              >10. Pihak A memberikan kewenangan kepada pihak B dan/atau pihak yang ditunjuk oleh Pihak B untuk menghubungi guna menagih piutang pihak B pada pihak yang ditunjuk oleh pihak A sebagai pihak lain yang dapat dihubungi</div>
            </div>
            <!-- Pasal 6  -->
            <div class="duan">
              <h4 class="duantitle">Pasal 6 Hak dan kewajiban Pihak B</h4>
              <div
                class="neirong"
              >1. Pihak B setuju untuk membuat Perjanjian sesuai dengan cara penandatanganan yang disediakan oleh perusahaan layanan tanda tangan elektronik pihak ketiga, dan tidak akan menolak untuk melakukan kewajiban berdasarkan Perjanjian. Setelah membuat Perjanjian, Pihak B tidak akan menolak hubungan debitur-kreditur berdasarkan Perjanjian atau menarik atau membatalkan Perjanjian dengan cara apa pun.</div>
              <div
                class="neirong"
              >2. Pihak B akan menikmati semua pendapatan bunga pinjaman, dan secara aktif membayar pajak yang mungkin dibawa oleh bunga tersebut.</div>
              <div
                class="neirong"
              >3. Pihak B berjanji untuk menyimpan informasi atau data Pihak A yang diperoleh berdasarkan Perjanjian rahasia, dan tidak akan mentransfer atau mengungkapkannya kecuali ada pemberian pinjaman dan pengumpulan yang wajar sesuai tujuan Perjanjian.</div>
              <div
                class="neirong"
              >4. Pihak A dan Pihak B setuju bahwa semua hak kreditur berdasarkan pinjaman ini akan ditransfer tanpa syarat ke Perusahaan Modal Usaha pada {{needRepaymentTime}} (tanggal jatuh tempo pinjaman). Pihak A dan Pihak B memahami dan tidak memiliki keberatan atas hal-hal tentang pengalihan hak kreditur. Jika Pihak A gagal melakukan pembayaran tepat waktu, pihak penerima hak kreditur berhak untuk penagihan secara langsung terhadap pokok, bunga, bunga keterlambatan, biaya layanan dan biaya lainnya kepada Pihak A atas namanya sendiri, menyelidiki tanggung jawab Pihak A atas pelanggaran kontrak sesuai dengan Perjanjian, dan dapat mentransfer hak kreditur tanpa memberi tahu Pihak A.</div>
              <div
                class="neirong"
              >5. Dalam kasus keterlambatan pembayaran dari Pihak A, Pihak B memberikan kuasa kepada platform Modal Usaha untuk melakukan pengumpulan atas utang yang dilakukan oleh pihak A, dan Pihak B juga memberi otorisasi kepada platform Modal Usaha untuk mengotorisasikannya kepada mitra platform Modal Usaha untuk melakukan pengumpulan, dan cara pengumpulan termasuk tetapi tidak terbatas pada: Mengirim situs web dan APP pusher, mengirim SMS, WeChat, WhatsApp, surat, mengirim surat, penagihan lewat telepon, kunjungan untuk menagih, mengajukan gugatan, dll.</div>
              <div class="neirong"></div>
            </div>
            <!-- Pasal 7   -->
            <div class="duan">
              <h4 class="duantitle">Pasal 7 Tanggung jawab atas Pelanggaran Kontrak</h4>
              <div
                class="neirong"
              >1. Kedua belah pihak harus benar-benar melakukan kewajiban berdasarkan Perjanjian. Tidak ada pihak yang akan membatalkan Perjanjian tanpa konsensus kedua belah pihak melalui negosiasi.</div>
              <div
                class="neirong"
              >2. Jika ada pihak yang melanggar Perjanjian, pihak default akan memberi kompensasi kepada pihak pengamat dengan semua kerugian terjadi akibat pelanggaran tersebut, termasuk namun tidak terbatas pada, biaya agen, biaya pengumpulan, biaya hukum, biaya pengacara, biaya perjalanan, biaya penilaian, biaya pemeliharaan, biaya notaris, biaya pengumuman, biaya eksekusi, dll.</div>
              <div
                class="neirong"
              >3. Jika Pihak A melanggar Perjanjian, Pihak B memiliki hak untuk mengungkapkan informasi yang relevan dari pelanggaran dan ketidakjujuran Pihak A dan informasi lainnya, termasuk namun tidak terbatas pada situs web internet, media, perusahaan, organ keamanan publik, otoritas inspeksi, otoritas hukum dan agen layanan penagihan dari jumlah tertunggak yang relevan.</div>
            </div>
            <!-- Pasal 8  -->
            <div class="duan">
              <h4 class="duantitle">Pasal 8 Penyelesaian Sengketa</h4>
              <div
                class="neirong"
              >1.Penandatanganan, kinerja, penghentian dan penyelesaian Perjanjian berlaku sesuai dengan hukum Indonesia.</div>
              <div
                class="neirong"
              >2. Semua sengketa karena pelaksanaan Perjanjian atau terkait dengan Perjanjian ini akan diselesaikan di pengadilan negeri di daerah atau kota tempat pihak B berada dan para pihak memilih untuk menggunakan hukum Indonesia</div>
            </div>
            <!-- Pasal 9   -->
            <div class="duan">
              <h4 class="duantitle">Pasal 9 Force Majour</h4>
              <div
                class="neirong"
              >1.Para pihak melepaskan masing masing pihak dari tanggung jawabnya apabila terjadi keadaan memaksa (Force Majour) yang menimpa para pihak.</div>
              <div
                class="neirong"
              >2.Para pihak sepakat bahwa hal hal yang dianggap keadaaan memaksa (Force Majour) termasuk tetapi tidak terbatas pada keadaaan demonstrasi nasional, kebakaran, huru hara, perubahan kebijakan pemerintah, gempa bumi dan keadaan lain yang diluar kemampuan para pihak</div>
              <div
                class="neirong"
              >3.Pihak yang mengalami keadaan memaksa (Force Majour) harus memberitahukan kepada pihak lainnya dalam jangka waktu selambat-lambatnya 7 hari setelah keadaan memaksa terjadi.</div>
              <div class="neirong"></div>
              <div class="neirong"></div>
              <div class="neirong"></div>
            </div>
            <!-- Pasal 10  -->
            <div class="duan">
              <h4 class="duantitle">Pasal 10 Hal-hal Lain</h4>
              <div
                class="neirong"
              >1. Kedua belah pihak setuju bahwa nomor telepon, e-mail, alamat kontak dan informasi kontak Pihak A yang ditentukan dalam Perjanjian adalah alamat pengiriman yang efektif untuk bahan sengketa yang relevan di antara kedua belah pihak. Pemberitahuan apa pun yang dikirim oleh satu pihak ke pihak lain sesuai dengan Perjanjian dapat dikirim melalui email, SMS, WeChat, WhatsApp, nomor telepon, dan pengiriman ekspres ke e-mail, nomor telepon, atau alamat kontak yang disetujui. Jika salah satu pihak mengubah e-mail kontak, nomor telepon, dan alamat kontak, pihak tersebut harus memberi tahu pihak lain dalam bentuk tertulis dan mendapatkan konfirmasi dari pihak lain. Jika tidak, jika dikirim ke email asli, nomor telepon dan alamat kontak, mereka akan dianggap telah dikirim pada saat pengiriman.</div>
              <div class="bottominfo">
                <h4>Informasi dasar Pihak A:</h4>
                <h4>No. Kartu Identitas:</h4>
                <h4 class="underline">3276011712800005</h4>
                <h4>Nomor telepon genggam:</h4>
                <h4 class="underline">085200243426</h4>
                <h4>E-mail:</h4>
                <h4 class="underline">rendy.ch2@gmail.com</h4>
                <h4>Alamat Kontak:</h4>
                <h4 class="underline">mampang rt.02 rw.03 no.71 gg.damai</h4>
              </div>
              <div
                class="neirong"
              >2. Jika ada satu klausul atau beberapa klausul dalam Perjanjian ini yang melanggar hukum dan peraturan yang berlaku dan yang akan berlaku dikemudian hari maka klausul tersebut akan dianggap tidak sah dan akan dilakukan perubahan berdasarkan kesepakatan para pihak tetapi klausul yang tidak sah ini tidak memberikan pengaruh pada klausul lain dalam kesepakatan ini dan kesepakatan ini tetap berlaku dan mengikat para pihak.</div>
              <div
                class="neirong"
              >3. Lampiran dan perjanjian tambahan berdasarkan Perjanjian ini akan menjadi bagian yang tidak dapat dicabut dari Perjanjian ini.</div>
              <div
                class="neirong"
              >4. Perjanjian ini diformulasikan dalam bentuk elektronik dan berlaku segera setelah ditandatangani.</div>
              <div class="neirong">(Tidak ada teks lagi di bawah ini)</div>
            </div>
            <div class="duan">
              <div class="bottominfo">
                <h4>Pihak A (Peminjam):</h4>
                <h4 class="underline">{{userName}}</h4>
                <h4>Dimulai Pada:</h4>
                <h4 class="underline">{{startTime}}</h4>
              </div>
            </div>
          </div>
        </div>
      </van-tab>
      <van-tab title="Loan Agreement">
        <div id="body">
          <div class="top">
            <h2 class="title">Loan Agreement</h2>
            <h4>Agreement No.:</h4>
            <h4 class="underline">{{agreementNo}}</h4>
            <h4>Party A (Borrower):</h4>
            <h4 class="underline">{{userName}}</h4>
            <h4>ID Card No.:</h4>
            <h4 class="underline">{{idCardNo}}</h4>
            <h4>Party B (Lender):</h4>
            <h4 class="underline">XIONG ZHUANG</h4>
            <h4>ID Card No.:</h4>
            <h4 class="underline">3276011712800005</h4>
          </div>
          <div class="middle">
            <!-- Whereas:  -->
            <div class="duan">
              <h4 class="duantitle">Whereas:</h4>
              <div
                class="neirong"
              >1. Party A is a natural person who lives in Indonesia and has full capacity for civil conduct specified by the laws of Indonesia.</div>
              <div
                class="neirong"
              >2. Party B is a who lives in Indonesia and has full capacity for civil conduct specified by the laws of Indonesia.</div>
              <div
                class="neirong"
              >According to Indonesia Law, in order to define the rights and obligations, Party A and Party B sign the Agreement with respect for joint abidance and implementation.</div>
            </div>
            <!-- Article 1 	Basic information of loan  -->
            <div class="duan">
              <h4 class="duantitle">Article 1 Basic information of loan</h4>
              <div class="neirong">1. Loan amount: IDR {{loanAmount}}; Amount received: IDR {{lendingAmount}}</div>
              <div
                class="neirong"
              >2. Cost of loan: It shall be calculated according to the daily interest rate of {{dayInterestRate}};</div>
              <div
                class="neirong"
              >3. Loan term: From the begin to {{startTime}}, {{productPeriod}} days in total. The last day of loan term is the due date of loan (“due date”). If the actual loan transfer date is inconsistent with the loan term specified in the Agreement, the begin date of loan is the date that the loan is actually transferred to Party A’s bank.</div>
              <div
                class="neirong"
              >4. Method of loan release While the Agreement takes effect, Party B transfer Party B’s loan under the Agreement to Party A’s account or bank receiving account entrusted by Party A (name of Party A’s account: {{userName}}, bank of deposit: {{bankName}}, bank account No.: {{bankAccount}}). After transfer, it shall be deemed as that the loan is successfully released.</div>
              <div
                class="neirong"
              >5. The purpose of loan under the Agreement is personal consumption.</div>
            </div>
            <!-- Article 2 	Repayment  -->
            <div class="duan">
              <h4 class="duantitle">Article 2 Repayment</h4>
              <div
                class="neirong"
              >1. The principal and interest of loan are returned according to the first method as follows:</div>
              <div
                class="neirong"
              >(1) The principal and interest shall be repaid due in a lump sum, calculated daily. The repayment date is the due date.</div>
              <div class="neirong">(2) Others:</div>
              <div
                class="neirong"
              >2. Party A shall deposit the full-amount principal and interests to Party B’s account or the repayment account designated by Party B prior to 11:59 p.m. of the repayment date agreed in the Agreement.</div>
              <div
                class="neirong"
              >3. When Party B or the bank account designated by Part B receives the full-amount principal and interests, it shall be deemed as that Party A successfully repay the loan.</div>
              <div class="neirong"></div>
              <div class="neirong"></div>
            </div>
            <!-- Article 3 	Expiration in advance -->
            <div class="duan">
              <h4 class="duantitle">Article 3 Expiration in advance</h4>
              <div
                class="neirong"
              >Upon confirmation of Party A and Party B, in case of one of the following circumstances, Party B has right to make the loan expire in advance or require Party A to repay all principals and interests and the expenses related to all loans in advance.</div>
              <div
                class="neirong"
              >1. Party A fails to use the funds according to the agreed purpose;</div>
              <div
                class="neirong"
              >2. Party A fails to timely provide the required information to Party B or the information provided by Party B is untruthful or Party A conceals the major items which endangers the security of Party B’s loan;</div>
              <div
                class="neirong"
              >3. Party A is under limited capacity for civil conduct or loss of capacity for civil conduct or in prison due to unemployment, termination of business and declared missing, or Party A has serious diseases, major accidents and other events which may influences its performance of repayment responsibility to Party B;</div>
              <div
                class="neirong"
              >4. Party A cannot perform its repayment responsibility to Party B due to expiry of any other loan, guarantee, compensation or other repayment responsibilities;</div>
              <div
                class="neirong"
              >5. Party A expresses on a clearly basis or with its behaviors that it shall not perform any obligation under the Contract;</div>
              <div
                class="neirong"
              >6. Party A is involved in litigation about economic disputes due to any reason;</div>
              <div
                class="neirong"
              >7. Party A violates the representation and guarantee made to Party B or violates any obligation under the Contract, and Party B believes that the above behaviors endangers the security of loan;</div>
              <div
                class="neirong"
              >8. There is major adjustment of the relevant national policies or occurrence of force majeure.</div>
              <div class="neirong"></div>
              <div class="neirong"></div>
              <div class="neirong"></div>
            </div>
            <!-- Article 4 	Overdue  -->
            <div class="duan">
              <h4 class="duantitle">Article 4 Overdue</h4>
              <div
                class="neirong"
              >1. If Party A fails to repay the principal and interests according to the time agreed in Article 2 of the Agreement, or Party A fails to perform or is slack in performing the repayment obligation after Party B declares that the loan expires in advance according to Article 3 of the Agreement, it shall be deemed as overdue. Party A shall repay the unpaid amount in the total principal and interests, and pay the overdue default interest according to {{overdueInterestRate}} of loan principal/day from the overdue date to the actual payment date, but the default interest does not exceed 100% of loan principal.</div>
              <div
                class="neirong"
              >2. Party A shall undertake the expenses incurred to Party B or the third party who receives Party B’s creditor's rights for achieving creditor's rights due to overdue repayment of Party A, including but not limited to collection fees, preservation fees, legal fees, arbitration fees, execution fees, appraisal fees, attorney fees, notarial fees, travelling expenses, etc..</div>
              <div class="neirong"></div>
              <div class="neirong"></div>
            </div>
            <!-- Article 5 	 Party A’s rights and obligations   -->
            <div class="duan">
              <h4 class="duantitle">Article 5 Party A’s rights and obligations</h4>
              <div
                class="neirong"
              >1. Party A agrees to follow the term and condition from the loan electronic application that provided by Party B, and shall not refuse to perform the obligations under the Agreement. After entering into the Agreement, Party A shall not deny the debtor-creditor relationship under the Agreement and both party can’t unilateral cancel the Agreement in any way.</div>
              <div
                class="neirong"
              >2. Party A shall return the principal and interests to Party B on a regular basis and pay the expenses related to overdue payment and prepayment.</div>
              <div
                class="neirong"
              >3. Party A promises to state the actual purpose of loan to Party B in the process of loan, and shall not use the loan in any illegal purposes.</div>
              <div
                class="neirong"
              >4. If the debtor-creditor relationship between Party A and Party B is forcibly canceled or revoked or invalid after establishment due to policies, laws and government supervision, Party A shall return the principal and interests of loan to Party B’s receiving account specified in the Agreement within one working day after occurrence.</div>
              <div
                class="neirong"
              >5. Party A shall not transfer any rights and obligations under the Agreement to other parties without the consent of Party B.</div>
              <div
                class="neirong"
              >6. In order to review the authenticity, validity and effectiveness of information provided by Party A and Party A’s capacity and relevant credit for performing the Agreement, Party A shall provide the relevant licenses, vouchers, certificates and other data according to Party B’s requirements, to make Party B understand the credit rating, repayment ability, loan purpose, use situation of loan and other relevant information.</div>
              <div
                class="neirong"
              >7. Party A shall guarantee the authenticity, accuracy, validity and effectiveness of the information and data provided by it, and shall not provide the false information or hide the important facts. Otherwise, Party A shall undertake all negative consequences.</div>
              <div
                class="neirong"
              >8. If Party A is overdue according to Article 4 of the Agreement, the amounts repaid by Party A shall be used to pay off the debts according to the following orders: (1) Fees for achieving creditor's rights (2) liquidated damages (3) damage compensation (4) overdue default interest (5) service fees (6) interests (7) principal. Party B has right to change the above settlement orders.</div>
              <div
                class="neirong"
              >9. If Party A passes away then Party A agreed to give the authority to Party B or the third party that appointed and entrust by the Party B to collect/request payment against the debt to the Party A heirs.</div>
              <div
                class="neirong"
              >10. Party A agreed to give the authority to Party B or the third party that appointed and entrust by the Party B to contact the Party A contact person to request payment against the debt.</div>
            </div>
            <!-- Article 6 	 Party B’s rights and obligations   -->
            <div class="duan">
              <h4 class="duantitle">Article 6 Party B’s rights and obligations</h4>
              <div
                class="neirong"
              >1. Party B agrees to enter into the Agreement according to the signing way provided by a third party electronic signature service company, and shall not refuse to perform the obligations under the Agreement. After entering into the Agreement, Party B shall not deny the debtor-creditor relationship under the Agreement or withdraw or cancel the Agreement in any way.</div>
              <div
                class="neirong"
              >2. Party B shall enjoy all interest incomes of the loan, and actively pay the possible taxes which may be brought by the interests.</div>
              <div
                class="neirong"
              >3. Party B promises to keep Party A’s information or data obtained based on the Agreement confidential, and shall not transfer or disclose them excluding lending and reasonable collection for the purpose of the Agreement.</div>
              <div
                class="neirong"
              >4. Party A and Party B agree that all creditor's rights under this loan will be unconditionally transferred to Modal Usaha Company on {{needRepaymentTime}} (due date of loan). Party A and Party B understand and have no objection on the matters about transfer of creditor's rights. If Party A fails to make repayment on time, the transferee of creditor’s rights has right to directly collect the principal, interests, overdue default interests, service fees and other fees to Party A in its own name, investigate Party A’s responsibility for breach of contract according to the Agreement, and can transfer the creditor's rights without notifying Party A.</div>
              <div
                class="neirong"
              >5. In case of overdue of Party A, Party B irrevocably authorizes Modal Usaha platform for collection, and authorizes Modal Usaha platform to authorize it to the partner of Modal Usaha platform for collection, and the collection ways includes but not limited to: Sending website and APP pusher, sending SMS, WeChat, WhatsApp, mails, sending letters, telephone collection, visiting collection, filing a lawsuit, etc..</div>
              <div class="neirong"></div>
            </div>
            <!-- Article 7 	Responsibility for breach of Contract    -->
            <div class="duan">
              <h4 class="duantitle">Article 7 Responsibility for breach of Contract</h4>
              <div
                class="neirong"
              >1. Both parties shall strictly perform the obligations under the Agreement. Neither party shall cancel the Agreement without the consensus of both parties through negotiation.</div>
              <div
                class="neirong"
              >2. If any party violates the Agreement, the default party shall compensate the observant party with all losses occurred therefrom, including but not limited to, agency fees, collection fees, legal fees, arbitration fees, attorney fees, travelling fees, appraisal fees, maintenance fees, notarial fees, announcement fees, execution fees, etc..</div>
              <div
                class="neirong"
              >3. If Party A violates the Agreement, Party B has right to disclose the relevant information of Party A’s violation and dishonesty and its other information, including but not limited to internet website, media, company, public security organ, inspection authority, legal authority and collection service agencies of the relevant overdue amounts.</div>
            </div>
            <!-- Article 8 	Dispute settlement  -->
            <div class="duan">
              <h4 class="duantitle">Article 8 Dispute settlement</h4>
              <div
                class="neirong"
              >1. The signing, performance, termination and settlement of the Agreement are applicable to the laws of Indonesia.</div>
              <div
                class="neirong"
              >2. all disputes or lawsuit due to the implementation of the agreement or related to this agreement will be settled in the district court in the area or city court based on the location where B party staying and the parties choose to use indonesia law</div>
            </div>
            <!-- Article 9 Force Majeure   -->
            <div class="duan">
              <h4 class="duantitle">Article 9 Force Majeure</h4>
              <div
                class="neirong"
              >1.Both parties agree to release each party obligations in case of the Force Majeure that affecting the both parties</div>
              <div
                class="neirong"
              >2. Both parties agree that the things that are considered as force majeure is including the remains and not limited to Demonstration, fire incident, riot, national policy changes, earthquake, and and other circumstances beyond the capabilities of the parties</div>
              <div
                class="neirong"
              >3.The party that run into the force majeure condition have to notify the other party with no later than 7 days after the force majeure occurred.</div>
            </div>
            <!-- Article 10 	Other matters  -->
            <div class="duan">
              <h4 class="duantitle">Article 10 Other matters</h4>
              <div
                class="neirong"
              >1. Both parties agree that Party A’s telephone number, e-mail, contact address and other contact information specified in the Agreement shall be the effective delivery address of the relevant materials of disputes between both parties. Any notice sent by one party to other parties according to the Agreement can be sent through e-mail, SMS, WeChat, WhatsApp, telephone number and express delivery to the agreed e-mail, telephone number or contact address. If one party changes the contact e-mail, telephone number and contact address, it shall notify the other party in written form and obtain the other party’s confirmation. Otherwise, if it is sent to the original e-mail, telephone number and contact address, they will be deemed as being delivered when it is sent.</div>
              <div class="bottominfo">
                <h4>Party A’s basic information:</h4>
                <h4>ID Card No.:</h4>
                <h4 class="underline">3276011712800005</h4>
                <h4>Cell phone number</h4>
                <h4 class="underline">085200243426</h4>
                <h4>E-mail:</h4>
                <h4 class="underline">rendy.ch2@gmail.com</h4>
                <h4>Contact address:</h4>
                <h4 class="underline">mampang rt.02 rw.03 no.71 gg.damai</h4>
              </div>
              <div
                class="neirong"
              >2. If one clause or several clauses in the Agreement violates the applicable laws and regulations, this clause shall be deemed to be invalid and will be amended based on the agreement of the parties ,this invalid clause shall not influence the effect of other clauses in the Agreement.</div>
              <div
                class="neirong"
              >3. The annexes and supplementary agreement under the Agreement shall be inalienable parts of the Agreement.</div>
              <div
                class="neirong"
              >4. The Agreement is formulated in electronic form and takes effect immediately once it is signed.</div>
              <div class="neirong">(There is no text below)</div>
            </div>
            <div class="duan">
              <div class="bottominfo">
                <h4>Party A (Borrower):</h4>
                <h4 class="underline">{{userName}}</h4>
                <h4>Begin:</h4>
                <h4 class="underline">{{startTime}}</h4>
              </div>
            </div>
          </div>
        </div>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data: function() {
    return {
      active: 0,
      agreementNo: "", //合同号
      userName: "", //借款人姓名
      idCardNo: "", //身份证号码
      loanAmount: "", //借款金额
      lendingAmount: "", //到账金额
      dayInterestRate: "", //日利率
      productPeriod: "", //借款天数
      overdueInterestRate: "", // 滞纳金费率,逾期费率
      bankName: "", //收款人银行名称
      bankAccount: "", //收款人银行卡号
      startTime: "", //订单开始时间
      needRepaymentTime: "" //应还款时间
    };
  },

  methods: {
    getQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var reg_rewrite = new RegExp("(^|/)" + name + "/([^/]*)(/|$)", "i");
      // var r = window.location.search.substr(1).match(reg);
      var r = window.location.href.substring(window.location.href.indexOf('?')).substr(1).match(reg);
      // var q = window.location.pathname.substr(1).match(reg_rewrite);
      console.log( '000')
      if (r != null) {
        return unescape(r[2]);
      } 
      // else if (q != null) {
      //   return unescape(q[2]);
      // } 
      else {
        return null;
      }
    },

    format: function(val) {
      val = Number(val);
      return val < 10 ? "0" + val : val;
    },
    now: function() {
      let date = new Date();
      let o = {
        yyyy: date.getFullYear(),
        m: this.format(date.getMonth() + 1),
        dd: this.format(date.getDate()),
        hh: this.format(date.getHours()),
        mm: this.format(date.getMinutes()),
        ss: this.format(date.getSeconds()),
        S: date.getMilliseconds()
      };
      return `${o.yyyy}-${o.m}-${o.dd} ${o.hh}:${o.mm}:${o.ss}.${o.S}`;
    },
    getData() {
      console.log(this.getQueryString("sessionId"),'11')
      // global.config.requestUrl='http://api.fondi.id/xjdApi/doCall'
      let option = {
        header: {
          code: 0,
          action: "LG0001",
          devicetype: 3,
          msgtype: 0,
          sendingtime: this.now(),
          version: "1.0.01",
          sessionId: this.getQueryString("sessionId")
        },
        productId: this.getQueryString("productId"),
        orderNo:this.getQueryString("orderNo")||'',
      };
      console.log(option);
      // this.$axios.post('http://api.fondi.id/xjdApi/doCall', option).then(res => {
      this.$axios.post('http://api_refactor_sms.sanjinxia.com/xjdApi/doCall', option).then(res => {
        if (res.data.header.code == 0) {
          console.log(res.data.data);
          this.agreementNo = res.data.data.agreementNo; //合同号
          this.userName = res.data.data.userName; //借款人姓名
          this.idCardNo = res.data.data.idCardNo; //身份证号码
          this.loanAmount = res.data.data.loanAmount; //借款金额
          this.lendingAmount = res.data.data.lendingAmount; //到账金额
          this.dayInterestRate = res.data.data.dayInterestRate; //日利率
          this.productPeriod = res.data.data.productPeriod; //借款天数
          this.overdueInterestRate = res.data.data.overdueInterestRate; // 滞纳金费率,逾期费率
          this.bankName = res.data.data.bankName; //收款人银行名称
          this.bankAccount = res.data.data.bankAccount; //收款人银行卡号
          this.startTime = res.data.data.startTime; //订单开始时间
          this.needRepaymentTime = res.data.data.needRepaymentTime; //应还款时间
        }
      });
    },
   
  },
  mounted(){
    console.log('11')
      this.getData();
  },
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
  word-break: break-all;
  /* font-size: 16px */
}
#body {
  margin: 2em;
}
.title {
  text-align: center;
  margin-bottom: 2em;
}
.productnum {
  float: right;
  margin-top: 1em;
}
.underline {
  text-decoration: underline;
  margin-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.top {
  margin-bottom: 3em;
}
.duan {
  margin-bottom: 1.5em;
}
.duantitle {
  text-indent: 1em;
}
.neirong {
  text-indent: 1em;
  margin-top: 10px;
}
.bottominfo {
  padding: 1em 2em;
}
</style>
